<template>
    <van-empty :description="description" />
</template>

<script>
import { reactive,toRefs,getCurrentInstance,onMounted } from 'vue'
import { Empty as vanEmpty } from 'vant';
import { useI18n } from 'vue-i18n'
export default {
    props:{
        title:{
            type:String,
            default:'No Data'
        }
    },
    components:{
        vanEmpty
    },
    setup(props,context){
        const {t} = useI18n()
        const state = reactive({
            description:''
        })
        onMounted(()=>{
            state.description = t('dataNo')
        })

        return{
            ...toRefs(state)
        }
    }
}
</script>

<style>

</style>